<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Cadastro de Produto</title>
</h:head>
<h:body>
	<h3>Cadastro de Produto</h3>
	<h:form id="cadastro">
		<h:messages />

		<h:panelGrid columns="2" style="border: 1px solid red;">
			<h:outputLabel value="Descricao" for="descricao" />
			<h:inputText id="descricao" label="Descricao" value="#{produtoBean.produto.descricao}" size="30" 
						maxlength="30" required="true" requiredMessage="O produto não tem nome?">
				<f:validateLength minimum="5" maximum="30" />
			</h:inputText>

			<h:outputLabel value="Categoria" for="categoria" />
			<h:selectOneListbox id="categoria" value="#{produtoBean.categoria.codigo}" 
						required="true" requiredMessage="Selecione uma categoria">
				<f:selectItem itemLabel="Selecione uma categoria" itemValue="-1" noSelectionOption="true"/>
				<f:selectItems value="#{produtoBean.listCategoria}" var="item" itemValue="#{item.codigo}" itemLabel="#{item.descricao}"/>
			</h:selectOneListbox>

			<h:outputLabel value="Imagem" for="imagem" />
			<h:inputText id="imagem" label="Imagem" value="#{produtoBean.produto.imagem}" size="30"  maxlength="30" >
			</h:inputText>
			
			<h:outputLabel value="Valor" for="valor" />
			<h:inputText id="valor" label="Valor" value="#{produtoBean.produto.valor}" size="15" maxlength="15" required="true" 
				validatorMessage="Valor deve ter no mínimo 1 e no máximo 10 caracteres e só pode ter número e os símbolos '.' e ','.">
				<!-- 
				<f:validateRegex pattern="([0-9]|[.]|[,]){3,15}" />
				<f:validateLength minimum="1" maximum="15"></f:validateLength>
				<f:converter ></f:converter>
				-->
				<f:convertNumber type="currency" pattern="#0,00" groupingUsed="true" minFractionDigits="1"></f:convertNumber>
			</h:inputText>
			
		</h:panelGrid>
		
		<h:commandButton action="#{produtoBean.salvar}" value="Salvar"/>
	</h:form>	
</h:body>
</html>